<template>
<div class="container">
    <van-nav-bar title="rollscreen" left-arrow fixed :border="false"
      @click-left='$router.push("/")'/>
    <div class="notive">
        <span>公告：</span>
        <RollScreen
        class="notive_item"
        :height="30"
        :contentArr="arr"
        :lineNum="4"
        /> 
    </div> 
</div>
</template>
<script>
export default {
    name:'Rollscreen',
    data(){
        return{
            arr:['恭喜139***63749用户中奖',
            '恭喜189***73940用户中奖',
            '恭喜156***56731用户中奖',
            '恭喜170***35819用户中奖',
            '恭喜170***19516用户中奖',
            '恭喜147***45817用户中奖',
            '恭喜133***61843用户中奖',
            '恭喜189***75812用户中奖']
        }
    },
    methods:{

    }
}
</script>
<style lang="less" scoped>
.notive{
    display:flex;
    justify-content: space-around;
    background: #ccc;
    font-size: 16px;
    color:#333;
    height:120px;
    line-height: 30px;
    overflow: hidden;
    span{
        width:80px;
        text-align: center;
        flex-shrink:0;
    }
    .notive_item{
        flex:1;
    }
}
</style>